import React, { Component } from 'react';
import type { Dispatch } from 'umi';
import { connect, Link } from 'umi';
import {
  Badge,
  Card,
  Col,
  Collapse,
  ConfigProvider,
  Descriptions,
  Divider,
  Row,
  Spin,
  Table,
  Typography,
  Tooltip,
} from 'antd';
import { FormInstance } from 'antd/lib/form';
import GradeComparison from './components/GradeComparison';
import LastGradeComparison from './components/LastGradeComparsion';

const { Panel } = Collapse;
const { Title } = Typography;

const ScoreTwoAnalysis = (props: any) => {
  return (
    <div>
      <Card
        title={
          <span style={{ fontWeight: 'bold', fontSize: 18 }}>
            第二课堂对比分析
          </span>
        }
      >
        <Row gutter={8}>
          <Col span={12}>
            <Collapse defaultActiveKey={['1']}>
              <Panel
                header={
                  <Tooltip title="查看电气专业各班级各培育方向平均分数对比">
                    <div>电气专业各班级对比</div>
                  </Tooltip>
                }
                key="1"
                forceRender
              >
                <GradeComparison />
              </Panel>
            </Collapse>
          </Col>
          <Col span={12}>
            <Collapse defaultActiveKey={['1']}>
              <Panel
                header={
                  <Tooltip title="查看届电气专业平均总成绩及各班级平均总成绩对比">
                    <div>往届电气专业平均总成绩对比</div>
                  </Tooltip>
                }
                key="1"
                forceRender
              >
                <LastGradeComparison />
              </Panel>
            </Collapse>
          </Col>
        </Row>
        <Row gutter={8}></Row>
      </Card>
    </div>
  );
};

export default ScoreTwoAnalysis;
